body {
    position: relative;
    padding-top: 40px;
    background-image: url(../img/artist.png);
}
.custom-backgroud-image {
    background-image: url(../img/artist.png);
}
.main-area {
    background-image: url(../img/artist.png);
    background-color: #E0E6E8;
    background-color: white;
}

.breadcrumb {
    background-color: #F5F5F5;
    margin-bottom: 0px;
}

.breadcrumb-line {
    
    border-bottom: 1px solid red;
    margin-bottom: 10px;

}

.navbar {
    margin-bottom: 0px;
}

.main-content {
	border-left: 1px solid #D4D4D4;
	padding-left: 30px;
}
.line02 {
    clear: both;
}

/* Popovers */
.custom-popover {
    background-color: #f9f9f9;
}
.custom-popover .popover {
    position: relative;
    display: block;
    float: left;
    width: 100px;
    margin: 10px;
}

.main_background_color {
    background-image: -moz-linear-gradient(top, #153689, #E2E6EF); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #153689), color-stop(1, #E2E6EF)); 

}

.main_background_color {
    background-image: -moz-linear-gradient(top, #153689, #E2E6EF); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #153689), color-stop(1, #E2E6EF)); 
    
}

.head-line {
    border-bottom: 1px solid blue; 
    margin-bottom: 1px;
    margin-right: 5px;
}

.head-line-blue {
    border-left: 3px solid blue;
}

.head-line-light-blue {
    border-left: 3px solid rgb(102,153,255);
}

.red {
    color: #6C0F16;
}

.gra-bg-red {
    background-image: -moz-linear-gradient(top, #CC3333, #E2E6EF); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CC3333), color-stop(1, #E2E6EF)); 
}

.bg-white {
    background-color: white;
}

.bg-green {
    background-color: #EFFAE5;
}

.bg-blue {
    background-color: #D6E4FF;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 5px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-5 {
    margin-right: 5px;
}
.well-margin-left {
    margin-left: 19px;
}

.v-align-center {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
    .container,.container-fluid {
        margin-left: 10%;
        margin-right: 10%;
    }
}

/* Desktop
------------------------- */
@media (max-width: 980px) {
    .container,.container-fluid {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
    /* Remove any padding from the body */
    body {
        padding-top: 0;
    }

    .main-area {
        margin-top: 0;
    }

}


/* Tablet
------------------------- */
@media (max-width: 767px) {
    /* Remove any padding from the body */
    body {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .main-area {
        margin-top: 0;
    }
    .navbar-fixed-top {
        margin-right: 0;
        margin-left: 0;
    }
	
	.main-content {
	    border-left: 0;
	    padding-left: 0;
	}
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
    /* Remove padding above jumbotron */
    body {
        padding-top: 0;
    }

    .main-area {
        margin-top: 0;
    }

    .container,.container-fluid {
        margin-left: 0;
        margin-right: 0;
    }

}

/*
table .visible-phone {
  display: none !important;
}

table .visible-tablet {
  display: none !important;
}

table .hidden-desktop {
  display: none !important;
}

table .visible-desktop {
  display: block !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  table .hidden-desktop {
    display: block !important;
  }
  table .visible-desktop {
    display: none !important ;
  }
  table .visible-tablet {
    display: block !important;
  }
  table .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  table .hidden-desktop {
    display: block !important;
  }
  table .visible-desktop {
    display: none !important;
  }
  table .visible-phone {
    display: block !important;
  }
  table .hidden-phone {
    display: none !important;
  }
}